﻿<#import "/spring.ftl" as spring/>

<#include "/tags/userNotification.ftl">
<#include "/tags/userCompleteness.ftl">
<#include "/tags/userIntroTag.ftl">
<#include "/tags/friendList.ftl">
<#include "/tags/friendHintTag.ftl">
<#include "/tags/updatedSinceTag.ftl">
<#include "/tags/DDMMYYYY.ftl">
<#include "/tags/allFriendTag.ftl">

<head>	
    <script type="text/javascript" src="${rc.contextPath}/scripts/page.accountSetting.js"></script>
	<title>Thông tin tài khoản</title>
</head>

<!-- user's status and notifications -->
<@userNotification />  
  
<div id="infomation">
	<div id="left">
		<div class="accSetting">
			<div class="accSettingHead">
				<span></span>
				<h1>Tài khoản của bạn</h1>
				<p>Cập nhật chính xác các thông tin bạn lưu trữ trên iGoal để đảm bảo các quyền lợi cao nhất của bạn tại iGoal.</p>
			</div>
			<div class="clearthis"></div>
			
			<div class="accSettingCon">
		                
				<div class="asRight">
					<!--
					<div class="asMenu">
						<ul>
							<li><a href="#" class="asMavatar">Cập nhận ảnh đại diện</a></li>
							<li><a href="#" class="asMinfo">Cập nhận thông tin</a></li>
							<li><a href="#" class="asMhobby">Cập nhận thông tin sở thích</a></li>
							<li><a href="#" class="asMpass">Thay đổi mật khẩu</a></li>
						</ul>
					</div>
					<div class="clearthis"></div>
					
					<div class="uploadAvatar">
						<div class="asRightHead">
							<a class="title" href="#">Cập nhật ảnh đại diện</a>
							<a class="edit" href="#">CHỈNH SỬA</a>
						</div>
						<div class="accRightContent" rel="uploadAvatar">
							<label>Tải ảnh lên:</label>
							<input type="file" />
							<p>Cho phép tải lên các định dạng: <b>.gif , .png , .jpg , .jpeg , .bmp</b><br />
							Và kích thước file không quá <b>1 mb</b>.</p>
							<input type="checkbox" />
							<label>Tôi xác nhận hình ảnh này phù hợp với quy định</label>
							<div class="clearthis"></div>
							<a class="save"></a>
						</div>
					</div>
					-->
					
					<div class="updateBasicInfo">
						<div class="asRightHead">
							<a class="title">Cập nhật thông tin</a>
							<a class="edit">CHỈNH SỬA</a>
						</div>
						<div class="accRightContent" rel="updateBasicInfo">
							<h1>Thông tin cơ bản</h1>
							<div class="rwInfo">
								<form id="userBasicInfoForm">
									<@spring.bind "userBasicInfo" /> 
									<span class="fl wlInfo">Tài khoản:</span>
									<span class="fl wrInfo">${data.userInSession}</span>
									<span class="fl wlInfo">Email:</span>
									<span class="fl wrInfo">${userBasicInfo.email}</span>
									
									<span class="fl wlInfo">Tên:</span>
									<span class="fl wrInfo">
										<input name="firstName" value="<#if userBasicInfo.firstName?has_content>${userBasicInfo.firstName}<#else>Chưa cập nhật</#if>" />
									</span>
									
									<span class="fl wlInfo">Tên đệm:</span>
									<span class="fl wrInfo">
										<input name="midleName" value="<#if userBasicInfo.midleName?has_content>${userBasicInfo.midleName}<#else>Chưa cập nhật</#if>" />
									</span>
									
									<span class="fl wlInfo">Họ:</span>
									<span class="fl wrInfo">
										<input name="lastName" value="<#if userBasicInfo.lastName?has_content>${userBasicInfo.lastName}<#else>Chưa cập nhật</#if>" />
									</span>
									
									<span class="fl wlInfo">Giới Tính:</span>
									<span class="fl wrInfo">
										<select name="gender">
											<option value="0" <#if userBasicInfo.gender=0>selected</#if>>Nam</option>
											<option value="1" <#if userBasicInfo.gender=1>selected</#if>>Nữ</option>
										</select>
									</span>
									
									<span class="fl wlInfo">Ngày Sinh:</span>
									<span class="fl wrInfo">
										<select name="birthdayDate">
											<#list 1..31 as i>
												<option value="${i}" <#if userBasicInfo.birthdayDate = i>selected</#if>>${i}</option>
											</#list>
										</select>
										<select name="birthdayMonth">
											<#list 1..12 as i>
												<option value="${i}" <#if userBasicInfo.birthdayMonth = i>selected</#if>>Tháng ${i}</option>
											</#list>
										</select>
										<select name="birthdayYear">
											<#list 2010..1900 as i>
												<option value="${i}" <#if userBasicInfo.birthdayYear = i>selected</#if>>${i}</option>
											</#list>
										</select>
									</span>
									
									<span class="fl wlInfo">Điện thoại:</span>
									<span class="fl wrInfo">
										<input name="phone" value="<#if userBasicInfo.phone?has_content>${userBasicInfo.phone}<#else>Chưa cập nhật</#if>" />
										<div class="error" id="phone_error">Không hợp lệ</div>
									</span>
									
									<span class="fl wlInfo">Di động:</span>
									<span class="fl wrInfo">
										<input name="mobilePhone" value="<#if userBasicInfo.mobilePhone?has_content>${userBasicInfo.mobilePhone}<#else>Chưa cập nhật</#if>" />
										<div class="error" id="mobile_phone_error">Không hợp lệ</div>
									</span>
									
									<span class="fl wlInfo">Địa chỉ:</span>
									<span class="fl wrInfo">
										<input name="address" value="<#if userBasicInfo.address?has_content>${userBasicInfo.address}<#else>Chưa cập nhật</#if>" />
									</span>
									
									<!--
									<span class="fl wlInfo">City:</span>
									<span class="fl wrInfo"><@spring.formInput "userBasicInfo.city" /></span>
									-->
									<a class="save"></a>
								</form>
							</div>
						</div>
					</div>
					
					<div class="updateContactInfo">
						<div class="asRightHead">
							<a class="title">Cập nhật thông tin liên lạc</a>
							<a class="edit">CHỈNH SỬA</a>
						</div>
						<div class="accRightContent" rel="updateContactInfo">
							<h1>Thông tin liên hệ</h1>
							<div class="rwInfo">
								<form id="userContactInfoForm">
									<@spring.bind "userContactInfo" /> 
									<span class="fl wlInfo">Yahoo:</span>
									<span class="fl wrInfo">
										<input name="yahooId" value="<#if userContactInfo.yahooId?has_content>${userContactInfo.yahooId}<#else>Chưa cập nhật</#if>" />
									</span>
									<span class="fl wlInfo">Google:</span>
									<span class="fl wrInfo">
										<input name="googleId" value="<#if userContactInfo.googleId?has_content>${userContactInfo.googleId}<#else>Chưa cập nhật</#if>" />
									</span>
									<span class="fl wlInfo">Skype:</span>
									<span class="fl wrInfo">
										<input name="skypeId" value="<#if userContactInfo.skypeId?has_content>${userContactInfo.skypeId}<#else>Chưa cập nhật</#if>" />
									</span>
									<a class="save"></a>
								</form>
							</div>
						</div>
					</div>
					
					<!--
					<div class="updateSchoolInfo">
						<div class="asRightHead">
							<a class="title">Thông tin học hành và nghề nghiệp</a>
							<a class="edit">CHỈNH SỬA</a>
						</div>
						<div class="accRightContent" rel="updateSchoolInfo">
							<h1>Thông tin học hành và nghề nghiệp</h1>
							<div class="rwInfo">
								<p class="noInfo">Hiện tại bạn chưa cập nhật thông tin liên hệ. Hãy nhấn vào "chỉnh sửa" để cập nhật ngay</p>
								
								<div class="school_info">
									<div class="school_form" id="school_form_sample" style="display:none">
										<input name="school_name" />
										<select name="from">
											<option value="2005">2005</option>
											<option value="2006">2006</option>
											<option value="2007">2007</option>
											<option value="2008">2008</option>
											<option value="2009">2009</option>
											<option value="2010">2010</option>
										</select>
										<select name="to">
											<option value="2005">2005</option>
											<option value="2006">2006</option>
											<option value="2007">2007</option>
											<option value="2008">2008</option>
											<option value="2009">2009</option>
											<option value="2010">2010</option>
										</select>
										<input class="remove_school" type="button" rel="remove_school_id" value="Remove school" /> 
									</div>
									<div class="form_set">
									</div>
									<input type="button" id="add_school_button" value="Add school" />
								</div>
								
								<div class="job_info">
									<div class="job_form" id="job_form_sample" style="display:none">
										<input name="company_name" />
										<input name="job_title" />
										<select name="from">
											<option value="2005">2005</option>
											<option value="2006">2006</option>
											<option value="2007">2007</option>
											<option value="2008">2008</option>
											<option value="2009">2009</option>
											<option value="2010">2010</option>
										</select>
										<select name="to">
											<option value="2005">2005</option>
											<option value="2006">2006</option>
											<option value="2007">2007</option>
											<option value="2008">2008</option>
											<option value="2009">2009</option>
											<option value="2010">2010</option>
										</select>
										<input type="button" rel="remove_job_id" value="Remove job" /> 
									</div>
									<div class="form_set">
									</div>
									<input type="button" id="add_job_button" value="Add Job" />
								</div>
							</div>
							<br />
							<a class="save"></a>
		                </div>
		            </div>
		            -->
		            
		            <div class="updateHobbyInfo">
		            	<div class="asRightHead">
		            		<a class="title">Cập nhật thông tin sở thích</a>
		            		<a class="edit">CHỈNH SỬA</a>
		        		</div>
		        		<div class="accRightContent" rel="updateHobbyInfo">
		        			<form id="userHobbyInfoForm">
		        				<@spring.bind "userHobbyInfo" />
			        			<h1>Liệt kê dòng nhạc bạn yêu thích?</h1>
			        			<textarea cols='5' row='3' name="musicHobby"><#if userHobbyInfo.musicHobby?has_content>${userHobbyInfo.musicHobby}<#else>Chưa cập nhật</#if></textarea>
			        			<p>Mỗi thông tin cách nhau bởi dấu ','</p><br />
			        			<h1>Liệt kê thể loại phim bạn yêu thích?</h1>
			        			<textarea cols='5' row='3' name="movieHobby"><#if userHobbyInfo.movieHobby?has_content>${userHobbyInfo.movieHobby}<#else>Chưa cập nhật</#if></textarea>
			        			<p>Mỗi thông tin cách nhau bởi dấu ','</p><br />
			        			<h1>Liệt kê món ăn, thức uống bạn yêu thích?</h1>
			        			<textarea cols='5' row='3' name="foodHobby"><#if userHobbyInfo.foodHobby?has_content>${userHobbyInfo.foodHobby}<#else>Chưa cập nhật</#if></textarea>
			        			<p>Mỗi thông tin cách nhau bởi dấu ','</p>
			        			<div class="clearthis"></div><br />
								<a class="save"></a>
							</form>
						</div>
					</div>
					
					<div class="updatePass">
						<div class="asRightHead">
							<a class="title">Thay đổi mật khẩu</a>
							<a class="edit">CHỈNH SỬA</a>
						</div>
		                <div class="accRightContent" rel="updatePass">
		                	<span></span>
		                	<div style="float:left;padding-left:10px">
		                		<form id="userPassInfoForm">
			                		<label>Mật khẩu hiện tại:</label><br />
			            			<input type="password" id="old_password_input" name="oldPass"/><div class="error" id="old_password_error">Mật khẩu cũ không đúng</div><br />
			            			<label>Mật khẩu mới:</label><br />
			            			<input type="password" id="password_input" name="newPass"/><div class="error" id="password_error">Mật khẩu phải có ít nhất 5 ký tự</div><br />
			            			<label>Nhập lại mật khẩu mới:</label><br />
			            			<input type="password" id="password_retype_input"/><div class="error" id="password_retype_error">Mật khẩu không khớp</div><br />
			            			<div class="clearthis"></div><br />
			            			<a class="save"></a>
		            			</form>
		        			<div>
		    			</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	</div>
	<!-- end of left zone-->
    
    <div id="right">
    	<div class="w6"></div>
      	<@userCompleteness />
  		<@userIntro/>
        <@friendList username="${data.userInSession}" />
        <@friendHint />
        <@allFriend />
        
        <div class="w6"></div>
	    <div class="w3"></div>
        <div class="w6"></div>
        
	</div>
</div>





